Includere un menu su più pagine del sito
Tutorial scritto il 14/10/03  da Max Bossi


Un problema comune a molti webmaster che non usano linguaggi dinamici (come ASP o PHP) è quello di simulare la loro funzione di "include", cioè come includere una file su tante pagine web senza doverlo riscrivere ogni volta.
Si pensi, ad es. al menu di navigazione di un sito. Se noi andassimo a scriverlo fisicamente in ogni pagina del nostro sito ogni volta che faremo un'aggiunta o una modifica dovremmo metter mano a decine (se non centinaia) di pagine web!
Vediamo invece come sfruttare javascript per inserire il menu in tutte le pagine del sito sfruttando il richiamo ad un solo file che chiameremo "menu.js".
Apriamo quindi il blocco note di windows ed editiamo:


document.write('<b>MENU</b><br>')
document.write('<a href="/index.html">Home Page</a><br>')
document.write('<a href="/pag2.html">Pagina 2</a><br>')
document.write('<a href="/pag3.html">Pagina 3</a><br>')
document.write('<a href="/pag4.html">Pagina 4</a><br>')
document.write('<a href="/pag5.html">Pagina 5</a><br>')
document.write('<a href="/pag6.html">Pagina 6</a><br>')
document.write('<a href="mailto:tua@email.it">Contattaci</a>')


Salviamo nella directory perincipale del nostro sito (root) come "menu.js".
Come potete vedere per realizzare il nostro menu abbiamo usato semplicemente il "document.write" di javascript e del comunissimo codice html.

Ora, per visualizzare il menu basta inserire il richiamo nel punto della pagina dove vuoi che il menu venga visualizzato.
Ecco il codice javascript per il "richiamo".


<script language="JavaScript" src="/menu.js"></script>


Et voilà...
Ovviamente potete adattare il menu alle vostre esigenze come meglio credete, modificando, aggiungendo o eliminando...
Buon lavoro e... alla prossima!


  
 
Iscriviti allo scambio banner di BannerGratis.it